<template>
  <div>
     <h1>欢迎您，{{title}}</h1>
     <h3>父组件传递到子组件的数据是：{{myTitle}}</h3>
    <button @click="btnFun('hello,子传父')">点我，传值（子传父）</button>
  </div>
</template>

<script>

    //Vue.component("myHeader",{template:'<div></div>'});
    //导出组件  使用:main.js   import
    export default {
        name: "MyHeader",
        data(){//子组件自己的变量
          return {title:'张三'};
        },
        // 访问父组件传递的数据
         props:{//properties
             myTitle:{
               type:String,  //类型
               required:true,  //是否必须
               default:'哈哈哈'
             },
            // :btnFun
           btnFun:{//父组件中的定义的事件
               type:Function  //函数
           }
         }
        //props:["myTitle"] //简写形式

    }
</script>

<style scoped>

</style>
